<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>


    <link href="https://cdn.staticfile.org/font-awesome/4.4.0/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link rel="stylesheet" href="../static/css/base.css">
    <link rel="stylesheet" href="../static/css/widget.css">
    <link rel="stylesheet" href="../static/css/innerPage.css">


</head>

<body class="">

    <div class="sc-container clearfix">


        <div class="form-wrap">

            <div class="fl form-left">
                <div class="line"></div>
            </div>

            <div class="fl  form-right">


                <div class="widget ">
                    <div class="widget-header">

                        <span class="foreIcon">
                            <i class="fa fa-check-circle orangered"></i>
                        </span>

                        <i class="fa fa-arrow-down widget-icon "></i>
                        <span class="widget-caption ft-18">单栏表单</span>
                        <div class="widget-buttons">
                            <a href="#" data-toggle="collapse">
                                <i class="fa fa-angle-double-up">&nbsp;</i>
                                <span class="up_text">收起</span>
                                <span class="down_text">展开</span>
                            </a>
                        </div>
                    </div>
                    <div class="widget-body">
                        <p>轻轻地我走了,正如我轻轻地来</p>
                        <p>轻轻地我走了,正如我轻轻地来</p>
                        <p>轻轻地我走了,正如我轻轻地来</p>
                        <p>轻轻地我走了,正如我轻轻地来</p>
                    </div>
                </div>



                <div class="widget mt_20">
                    <div class="widget-header">
                        <span class="foreIcon">
                                    <i class="fa fa-info-circle royalblue"></i>
                                </span>
                        <i class="fa fa-check widget-icon "></i>
                        <span class="widget-caption">Default Widget</span>
                        <div class="widget-buttons">

                            <a href="#" data-toggle="collapse">
                                <i class="fa fa-angle-double-up">&nbsp;</i>
                                <span class="up_text">收起</span>
                                <span class="down_text">展开</span>
                            </a>
                        </div>
                    </div>
                    <div class="widget-body   ">
                        <p>Modal Body</p>
                    </div>
                </div>

                <div class="widget mt_20">
                    <div class="widget-header">
                        <span class="foreIcon">
                                        <i class="fa fa-info-circle royalblue"></i>
                                    </span>
                        <i class="fa fa-check widget-icon "></i>
                        <span class="widget-caption">Default Widget</span>
                        <div class="widget-buttons">

                            <a href="#" data-toggle="collapse">
                                <i class="fa fa-angle-double-up">&nbsp;</i>
                                <span class="up_text">收起</span>
                                <span class="down_text">展开</span>
                            </a>
                        </div>
                    </div>
                    <div class="widget-body   ">
                        <p>Modal Body</p>
                    </div>
                </div>


                <div class="widget mt_20">
                    <div class="widget-header">
                        <span class="foreIcon">
                                            <i class="fa fa-info-circle royalblue"></i>
                                        </span>
                        <i class="fa fa-check widget-icon "></i>
                        <span class="widget-caption">Default Widget</span>
                        <div class="widget-buttons">

                            <a href="#" data-toggle="collapse">
                                <i class="fa fa-angle-double-up">&nbsp;</i>
                                <span class="up_text">收起</span>
                                <span class="down_text">展开</span>
                            </a>
                        </div>
                    </div>
                    <div class="widget-body   ">
                        <p>Modal Body</p>
                    </div>
                </div>


                <div class="widget mt_20">
                    <div class="widget-header">
                        <span class="foreIcon">
                                                <i class="fa fa-info-circle royalblue"></i>
                                            </span>
                        <i class="fa fa-check widget-icon "></i>
                        <span class="widget-caption">Default Widget</span>
                        <div class="widget-buttons">

                            <a href="#" data-toggle="collapse">
                                <i class="fa fa-angle-double-up">&nbsp;</i>
                                <span class="up_text">收起</span>
                                <span class="down_text">展开</span>
                            </a>
                        </div>
                    </div>
                    <div class="widget-body   ">
                        <p>Modal Body</p>
                    </div>
                </div>


                <div class="widget mt_20">
                    <div class="widget-header">
                        <span class="foreIcon">
                                                    <i class="fa fa-info-circle royalblue"></i>
                                                </span>
                        <i class="fa fa-check widget-icon "></i>
                        <span class="widget-caption">Default Widget</span>
                        <div class="widget-buttons">

                            <a href="#" data-toggle="collapse">
                                <i class="fa fa-angle-double-up">&nbsp;</i>
                                <span class="up_text">收起</span>
                                <span class="down_text">展开</span>
                            </a>
                        </div>
                    </div>
                    <div class="widget-body   ">
                        <p>Modal Body</p>
                    </div>
                </div>


                <div class="widget mt_20">
                    <div class="widget-header">
                        <span class="foreIcon">
                                                        <i class="fa fa-info-circle royalblue"></i>
                                                    </span>
                        <i class="fa fa-check widget-icon "></i>
                        <span class="widget-caption">Default Widget</span>
                        <div class="widget-buttons">

                            <a href="#" data-toggle="collapse">
                                <i class="fa fa-angle-double-up">&nbsp;</i>
                                <span class="up_text">收起</span>
                                <span class="down_text">展开</span>
                            </a>
                        </div>
                    </div>
                    <div class="widget-body   ">
                        <p>Modal Body</p>
                    </div>
                </div>

                <div class="widget mt_20">
                    <div class="widget-header">
                        <span class="foreIcon">
                                                            <i class="fa fa-info-circle royalblue"></i>
                                                        </span>
                        <i class="fa fa-check widget-icon "></i>
                        <span class="widget-caption">Default Widget</span>
                        <div class="widget-buttons">

                            <a href="#" data-toggle="collapse">
                                <i class="fa fa-angle-double-up">&nbsp;</i>
                                <span class="up_text">收起</span>
                                <span class="down_text">展开</span>
                            </a>
                        </div>
                    </div>
                    <div class="widget-body   ">
                        <p>Modal Body</p>
                    </div>
                </div>
                <div class="widget mt_20">
                    <div class="widget-header">
                        <span class="foreIcon">
                                                                <i class="fa fa-info-circle royalblue"></i>
                                                            </span>
                        <i class="fa fa-check widget-icon "></i>
                        <span class="widget-caption">Default Widget</span>
                        <div class="widget-buttons">

                            <a href="#" data-toggle="collapse">
                                <i class="fa fa-angle-double-up">&nbsp;</i>
                                <span class="up_text">收起</span>
                                <span class="down_text">展开</span>
                            </a>
                        </div>
                    </div>
                    <div class="widget-body   ">
                        <p>Modal Body</p>
                    </div>
                </div>
                <div class="widget mt_20">
                    <div class="widget-header">
                        <span class="foreIcon">
                                                                    <i class="fa fa-info-circle royalblue"></i>
                                                                </span>
                        <i class="fa fa-check widget-icon "></i>
                        <span class="widget-caption">Default Widget</span>
                        <div class="widget-buttons">

                            <a href="#" data-toggle="collapse">
                                <i class="fa fa-angle-double-up">&nbsp;</i>
                                <span class="up_text">收起</span>
                                <span class="down_text">展开</span>
                            </a>
                        </div>
                    </div>
                    <div class="widget-body   ">
                        <p>Modal Body</p>
                    </div>
                </div>
                <div class="widget mt_20">
                    <div class="widget-header">
                        <span class="foreIcon">
                                                                        <i class="fa fa-info-circle royalblue"></i>
                                                                    </span>
                        <i class="fa fa-check widget-icon "></i>
                        <span class="widget-caption">Default Widget</span>
                        <div class="widget-buttons">

                            <a href="#" data-toggle="collapse">
                                <i class="fa fa-angle-double-up">&nbsp;</i>
                                <span class="up_text">收起</span>
                                <span class="down_text">展开</span>
                            </a>
                        </div>
                    </div>
                    <div class="widget-body   ">
                        <p>Modal Body</p>
                    </div>
                </div>
                <div class="widget mt_20">
                    <div class="widget-header">
                        <span class="foreIcon">
                                                                            <i class="fa fa-info-circle royalblue"></i>
                                                                        </span>
                        <i class="fa fa-check widget-icon "></i>
                        <span class="widget-caption">Default Widget</span>
                        <div class="widget-buttons">

                            <a href="#" data-toggle="collapse">
                                <i class="fa fa-angle-double-up">&nbsp;</i>
                                <span class="up_text">收起</span>
                                <span class="down_text">展开</span>
                            </a>
                        </div>
                    </div>
                    <div class="widget-body   ">
                        <p>Modal Body</p>
                    </div>
                </div>
                <div class="widget mt_20">
                    <div class="widget-header">
                        <span class="foreIcon">
                                                                                <i class="fa fa-info-circle royalblue"></i>
                                                                            </span>
                        <i class="fa fa-check widget-icon "></i>
                        <span class="widget-caption">Default Widget</span>
                        <div class="widget-buttons">

                            <a href="#" data-toggle="collapse">
                                <i class="fa fa-angle-double-up">&nbsp;</i>
                                <span class="up_text">收起</span>
                                <span class="down_text">展开</span>
                            </a>
                        </div>
                    </div>
                    <div class="widget-body   ">
                        <p>Modal Body</p>
                    </div>
                </div>





            </div>
        </div>

    </div>

    <script src="https://cdn.staticfile.org/jquery/2.1.4/jquery.min.js"></script>

    <script src="../static/js/ba-resize.js"></script>

    <script src="../static/js/suit.js"></script>


    <script>
        $(function() {

            $(".form-right").resize(function() {
                var rightWrap = $(".form-right").height();
                var rightWrapLastChild = $(".form-right .widget:last-child").height();
                $(".line,.form-left").css({
                    height: rightWrap - rightWrapLastChild - 36 + "px"
                });
            });
            $(".form-right").trigger('resize');



        });
    </script>


    <script>
    </script>

</body>

</html>